<template>
	<view class="content">
		<web-view :src="url"></web-view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				// pdf.js的viewer.htm所在路径
				// 注意：静态的html文件需要放在根路径下的 hybrid/html 文件夹中
				viewerUrl: '/hybrid/html/web/viewer.html',
				// 要访问的pdf的路径
				fileUrl:'',
				// fileUrl: 'http://120.71.225.13:8111/DocumentPhoto/Doc/20220216/dd587112-b522-46bc-8c0f-0b7c95d20b37-.pdf',
				// 最终显示在web-view中的路径
				url: ''
			};
		},
		onLoad(p) {
			// console.log(p);
			this.fileUrl = p.b
			// h5，使用h5访问的时候记得跨域
			// #ifdef H5
			this.url = `${this.viewerUrl}?file=${encodeURIComponent(this.fileUrl)}`;
			// #endif

			// 在安卓和ios手机上
			// 判断是手机系统：安卓，使用pdf.js
			// #ifdef APP-PLUS
			if (plus.os.name === 'Android') {
				this.url = `${this.viewerUrl}?file=${encodeURIComponent(this.fileUrl)}`;
			}
			// ios，直接访问pdf所在路径
			else {
				plus.runtime.openURL(this.fileUrl);  
				this.url = encodeURIComponent(this.fileUrl);
			}
			// #endif
			// console.log(this.url);
		},
		methods: {}
	};
</script>

<style>
</style>
